<template>
  <div class="wrap">
    <div v-for="page in pages">
      <a :href="'#' + page.path">{{ page.description }}</a>
    </div>
  </div>
</template>


<script>
  import pages from '@/pages'

  export default {
    name: 'LinkArea',
    data () {
      return {
        pages
      }
    }
  }
</script>


<style scoped>
  .wrap {
    padding: 5px 0;
    display: flex;
    user-select: none;
  }
  .wrap > div {
    margin-right: 1em;
  }
</style>
